﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>计算能力测试</title>

<link rel="stylesheet" th:href="@{/css/font-awesome-4.7.0/css/font-awesome.min.css}">
<link th:href="@{/css/style.css}" rel="stylesheet" >

</head>
<body>

<div class="materialContainer">
	<div class="box">
		<div class="title">登录</div>
		<form th:action="@{/login}" method="post">
			<div class="input">
				<label for="name">用户名</label>
				<input type="text" name="username" id="name">
				<span class="spin"></span>
			</div>
			<div class="input">
				<label for="pass">密码</label>
				<input type="password" name="password" id="pass">
				<span class="spin"></span>
			</div>
			<div class="button login">
				<input type="submit" value="登录" class="button login" style="margin: 0;padding:0;">
			</div>
		</form>

		<a href="javascript:" class="pass-forgot">忘记密码？</a>
	</div>

	<div class="overbox">
		<div class="material-button alt-2">
			<span class="shape"></span>
		</div>
		<div class="title">注册</div>
		<div class="input">
			<label for="regname">用户名</label>
			<input type="text" name="regname" id="regname">
			<span class="spin"></span>
		</div>
		<div class="input">
			<label for="regpass">密码</label>
			<input type="password" name="regpass" id="regpass">
			<span class="spin"></span>
		</div>
		<div class="input">
			<label for="reregpass">确认密码</label>
			<input type="password" name="reregpass" id="reregpass">
			<span class="spin"></span>
		</div>
		<div class="button">
			<button>
				<span>注册</span>
			</button>
		</div>
	</div>

</div>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/index.js}"></script>

</body>
</html>